<!DOCTYPE html><!--HTML5 doctype-->
<html>
<head>
<title>jqMobi Kitchen Sink</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=no" />-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

 
<link rel="stylesheet" type="text/css" href="../kitchensink/icons.synergy.css" /> 
<link rel="stylesheet"  type="text/css" href="../kitchensink/jq.ui.synergy.css" title="frosty"/>
<link rel="stylesheet"  type="text/css" href="../kitchensink/ui.synergy.css" title="frosty"/>
<style>
/**   collapsed  fixed start **/
.collapsed:after {float:right;content:'';border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #6191c1;display:block;position:relative;top:14px;right:13px;}
.collapsed:before {float:right;content:'';color:transparent;background:transparent;width:14px;height:14px; display:block;border:2px solid #6191c1;border-radius:3px;position:relative;top:10px;right:26px;}
.expanded:after {float:right;content:'';border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 6px solid #6191c1;display:block;position:relative;top:14px;right:13px;}
.expanded:before {z-index:10000px; float:right;content:'';color:transparent;background:transparent;width:14px;height:14px; display:block;border:2px solid #6191c1;border-radius:3px;position:relative;top:10px;right:26px;}
/**   collapsed  fixed end **/


.form ol li {
	background: none;
	border: none;
	border-radius: 0;
	 
	padding: 2px;
	width: 100%;
}	

#footer,#navbar{
	display:none;	
}
 
</style>


<script type="text/javascript" charset="utf-8" src="../jq.mobi.js"></script> 
<script>
	if(!((window.DocumentTouch&&document instanceof DocumentTouch)||'ontouchstart' in window)){
		var script=document.createElement("script");
		script.src="../touch.js";
		var tag=$("head").append(script);
		$.os.android=true; //let's make it run like an android device
		$.os.desktop=true;
	}
</script>

<script type="text/javascript" charset="utf-8" src="../ui/jq.ui.js?sdfsdfsssdf"></script> 

<script type="text/javascript">
    /* This function runs once the page is loaded, but appMobi is not yet active */
	
	function myClickHandler(evt){
	 			alert("myClickHandler");
			    evt.preventDefault();
			}
	var webRoot="../kitchensink/";
	$.ui.autoLaunch=false;
    $.ui.openLinksNewTab=false;
   
    var init = function(){
	   $.ui.backButtonText="Back";  
	   window.setTimeout(function(){
	   $.ui.isAjaxApp = true;
	   	$.ui.launch();
	   	},10);
       //$.ui.removeFooterMenu(); This would remove the bottom nav menu
    };
    document.addEventListener("DOMContentLoaded",init,false);  
    
  
			
	$.ui.ready(function(){
		console.log('readyssss');
	  
	  jq("#hscroller1").fixHScroll();
	  /*
		jq("#country").bind("click",function(e){
			alert("oncclick...");	
			e.preventDefault();
		});
		*/
 		var activeId = $.ui.activeDiv.id;
 		$.selectBox.getOldSelects(activeId);
	 
		$("#"+activeId).find("select").each(function(){
			var tmpDiv = $(this).next();
			tmpDiv.css({"width":"200px","height":"40px","backgroundImage":"",position:"relative"});
			tmpDiv.addClass('select-ui-forms'); 
		});
		jq().renderSelectBox();
		 
		
		
	});
   
    /* This code prevents users from dragging the page */
    var preventDefaultScroll = function(event) {
        event.preventDefault();
        window.scroll(0,0);
        return false;
    };
	
	document.addEventListener('touchmove', preventDefaultScroll, false);

    /* This code is used to run as soon as appMobi activates */
    var onDeviceReady=function(){
		AppMobi.device.setRotateOrientation("portrait");
        AppMobi.device.setAutoRotate(false);
		webRoot=AppMobi.webRoot+"kitchensink/";
	    //hide splash screen
	    AppMobi.device.hideSplashScreen();	
		
    };
    document.addEventListener("appMobi.device.ready",onDeviceReady,false);    
	function showHide(obj,objToHide){
		var el=$("#"+objToHide)[0];
		
		if(obj.className=="expanded"){
			obj.className="collapsed";
		}
		else{
			obj.className="expanded";
		}
		$(el).toggle();
		
	}
	
	 
	
	
	var openPanel = function(url){
		 
		$.ajax(
			{
				url:url,
				success: function(str){
					 
					MawAction.loadContent(str);
				 
				},
				error: function(){
					alert("error");	
				}	
				
			}
		);
		
	}
	
	
	var HStemp_baseControl = {};
	(function(temp){
		temp.noteBack = function(url){
			
			$.ajax(
				{
					url:url,
					success: function(str){
					   
					  MawAction.requestPostBack(str,obj,function(retParam){
					  	var setObj = retParam.param;
					  	var value = retParam.value;	 
					  	
					  	var hiddenText =  document.getElementById(setObj[0]);
					  	hiddenText.value = value[0];
					  	var showSpan =  document.getElementById(setObj[1]);
					  	showSpan.innerHTML = value[1];
					  	MawHistory.goBack();
					  });
					},
					error: function(){
						alert("error");	
					}	
					
				}
			);
			
			
 
		}
	 
		 
	})(HStemp_baseControl);
	
 

</script>

</head>
<body>
<div id="notification" style="z-index:3333333;position: absolute;top: 0px;height:0px;overflow:hidden;">
	您有最新消息，请注意查收<br/>
	明天上午有项目演示，请务必参加	
</div>	

<div id="jQUi">
	<!-- jqUi -->
	<div title="控件集合" id="jqmui" class="panel"  data-header="testheader"  data-tab="navbar_ui">
		
 		
		
		<!-- dialog start  -->
		<h5 class='expanded' onclick='showHide(this,"jqui_dialog");'>
			dialog 
		</h5>
		
		<p id='jqui_dialog'>
			<script>
				var testAlert = function(){
					$("body").alert("I'm replacing an alert box"); 	
				}	
				var testConfirm = function(){
					$("body").alert(
						{ 
							title:"Alert! Alert!",
							message:"This is a test of the emergency alert system!! Don't PANIC!<a href='http://192.168.2.102/jqmobi1.02/' >http://192.168.2.102/jqmobi1.02/</a>",
							cancelText:"取消", 
							cancelCallback: function(){console.log("cancelled");},
							doneText:"确定",
							doneCallback: function(){console.log("Done for!");},
							 
						}
					);	
				}
				var testThreeButton = function(){
					$("body").alert(
						{ 
							title:"Alert! Alert!",
							message:"This is a test of the emergency alert system!! Don't PANIC!<a href='http://192.168.84.86:8080/static/mobile-demo/jQ.Mobi/lib/new.html' >new.html</a> &nbsp; <a href='http://www.sina.com/' data-ignore='true'>www.sina.com</a>",
							cancelText:"Cancel me", 
							cancelCallback: function(){console.log("cancelled");},
							doneText:"I'm done!",
							doneCallback: function(){console.log("Done for!");},
							doneText2:" button 2 ",
							doneCallback2: function(){console.log("Done for!22323");},
							cancelOnly:false
						}
					);	
				}
				
				var testDialog = function(){
					$("body").alert(
						{ 
							title:"Login",
							message:"Username: <input type='text' class='jq-ui-forms'><br>Password: <input type='text' class='jq-ui-forms' style='webkit-text-security:disc'>",
							doneText:"登陆",
							doneCallback: function(){console.log("Logging in")},
							cancelText:"取消", 
							cancelCallback: function(){console.log("取消")},
							cancelOnly:false
						}
					);
				}
	 		
	 			var testDialog_ = function(){
	 				 
	 				 //$.ui.openDialog("new.html",'(function(){alert("testDialog_");})();',"testDialog_");	
	 				$.ui.createDialog("sdfsdf",null,"crateDialog");
	 				
	 			}
	 			
	 			var testMessageBox = function(){
	 				$("#messageBox").css({"display":"none"});
	 				$.ui.createDialog($("#messageBox").html(),null,"消息盒");	
	 			}
				var testOnclick = function(event,uuid){
					alert(uuid);	
					
					var evt = event.srcElement || event.target;
					//this.remove(uuid);
				  $("<span>&nbsp;&nbsp;&nbsp;&nbsp;已读</span>").insertAfter($(evt)); 
				}
				
				var testDownloadBox = function(){
						
					//$("#downloadDirectoryWrapper").css({"display":"none"});
	 				$.ui.createDialog($("#downloadDirectoryWrapper").html(),null,"下载目录选择");	
				}
				var testAjax = function(){
					$.ui.showMask("资源加载中...");	
					$.ajax(
						{
							type:"POST",
							dataType:"xml",
							success:function(xml){
								alert(xml);
							},
							error: function(jqXHR, textStatus, errorThrown){
								alert("errer: "+jqXHR.responseText+" , " +textStatus+","+errorThrown+" set push error ");
							},
							url:"/test/servlet/LoginServlet",
							data: {"userName":"hundsun"},
						}
					);
					
					
				}
				
				var testNumberInputMethod = function(event){
					NumberInputMethod.popup(event,function(num){
						alert(num);
					});
				}
				var testNotification = function(event){
					var options={ 
						x:0, //x axis move. this can be a number (40), percent (50%), or pixels (40px) - if it's a number, px is added to it. 
						y:0, //y axis move 
						opacity:.5, //opacity to change to 
						//width:"100px", //style.width to change to 
						height:"100px", //style.height to change to 
						origin:"50% 50%", //offset to start the animation from default is 0 0 
						//rotateX:"360deg", //rotate along the x-axis 
						//rotateY:"360deg", //rotate along the y-axis 
						//skewX:"50deg", //skew along the x-axis 
						//skewY:"50deg", //skew along the y-axis 
						time:"1000ms", //time for transition 
						timingFunction:"linear", //timing function for animation 
						//previous:false, // move from previous position - not tested with animation by percentages 
						callback:function(){
							console.log("finished animation");
						} 
					};
					$("#notification").css3Animate(options);
				}
				var testLoading = function(){
					debugger;
					$.ui.showMask("登录中...");		
				}
			</script>
			
			<button onclick="testNotification(event)">notification</button> <br/>
			<button onclick="testNumberInputMethod(event)">3/23</button> <br/>
			<button onclick="testAjax()">testAjax</button> <br/>
			<button onclick="testAlert()">testAlert</button> <br/>
			<button onclick="testConfirm()">testConfirm</button> <br/>
			<button onclick="testThreeButton()">testThreeButton</button> <br/>
			<button onclick="testDialog()">testDialog</button> <br/>			
			<button onclick="testDialog_()">testDialog_</button> <br/>
			<button type="button" onclick="testMessageBox()"   >消息列表框</button> <br/>
			<button type="button" onclick="testDownloadBox()" >下载框</button><br/>
			<button type="button" onclick="testLoading()" >loading</button><br/>
			
			<div id="messageBox">
				<ul class="messagebox">
					<li><a href="http://192.168.84.86:8080/static/mobile-demo/phonegap/notification_1.html" onclick=testOnclick(event,"uuissd") data-dialog="true">周五有会议</a></li>	
					<li><a href="#" data-dialog="true">周四出游</a></li>	
					<li><a href="#" data-dialog="true">下周五有活动，大家准备下</a></li>	
					<li><a href="#" data-dialog="true">明天是节日，放假回家</a></li>	
				</ul>	
			</div>
			<div id="downloadDirectoryWrapper">
					<ul class="downloadbox">
						<li data-path='resPath'><a href="#">根目录</a></li>
						<li data-path='filePath'><a href="#">普通文件夹</a></li>
						<li data-path='imagePath'><a href="#">图片文件夹</a></li>
						<li data-path='videoPath'><a href="#">视频文件夹</a></li>
						<li data-path='audioPath'><a href="#">音频文件夹</a></li>
						<li data-path='apkPath'><a href="#">程序文件夹</a>	</li>
					</ul>
				</div>
				<script>
				(function(){
					$("#downloadDirectoryWrapper").find("li").each(function(){
					 
						var _this = $(this);
						_this.bind('click',function(){
							//MawFileTransfer.downloadDirectory = Config[$(this).attr('data-path')];	
							//alert($(this).attr('data-path'));
						 
						});	
					});
					 	
				})();	
				</script>
		  <!-- onclick="noteBack('receSpan','postBack.html');return false;" 
		  <a href="postBack.html" data-persist-ajax="true" data-refresh-ajax="false">值回传</a> &nbsp;&nbsp;<span id="receSpan"></span>
		  
		  <button onclick="HStemp_baseControl.noteBack('postBack.html');return false;" >值回传</button> 
		  -->
			<a href="postBack.html?adfsdf" data-persist-ajax="false"  data-refresh-ajax="true" onclick="HStemp_baseControl.noteBack('postBack.html')">值回传</a>
			&nbsp;&nbsp;<span id="receSpan"></span>
			<br/>
			<button onclick="openPanel('postBack.html?ssssssss');return false;" >打开</button> &nbsp;&nbsp; 
			<br/>
			<!--
				<button onclick="openPanel('new.html?sssssssssssss');return false;" >new </button>
			-->
			 	<a  href="new.html?adsadd" data-refresh-ajax="true">new </a>
		</p>
		
		
		<!-- dialog end  -->
		
		
		
		<!-- form start -->
		<h5 class='expanded' onclick='showHide(this,"jqui_form");'>form 表单控件</h5>
		<div id="jqui_form">
			
			 <button type="button" class="hs_ui_forms"   id="reset" onclick="doReset();">reset</button>
      <script>
      	var doReset = function(){
      		//var res = document.getElementById("reset");
      		document.forms["form1"].reset();	
      	}	
      </script>
      <form name="form1" id="form1" method="post">
				<div class="form">
					<ol>
						<li>
							<a href="basic.html" >basic</a>	
						</li>
						<li>	
							<label for="name">文本框：</label>
							<input type="text" id="name" class="jq-ui-forms">
						</li>
						<li>
							<label for="password">密码框：</label>
							<input type="text" id="password" class="jq-ui-forms" style="-webkit-text-security: disc; ">
						</li>
						<li>
							选择框：
							<label for="country">状态：</label>
				      <span>
			          <select id="country" class='jq-ui-forms' data-label="状态" style=" -webkit-appearance: none; width:150px;height:100px;" >
		              <option value='1'>美国 1</option>
		              <option value='2'>欧洲 2</option>
		              <option value='3'>澳大利亚 3</option>
		              <option value='4'>USA 4</option>
		              <option value='5'>USA 5</option>
		              <option value='6'>USA 6</option>
		              <option value='7'>USA 7</option>
		              <option value='8'>USA 8</option>
		              <option value='9'>USA 9</option>
		              <option value='10'>USA 10</option>
		              <option value='1'>USA 1</option>
		              <option value='2'>USA 2</option>
		              <option value='3'>USA 3</option>
		              <option value='4'>USA 4</option>
		              <option value='5'>USA 5</option>
		              <option value='6'>USA 6</option>
		              <option value='7'>USA 7</option>
		              <option value='8'>USA 8</option>
		              <option value='9'>USA 9</option>
		              <option value='10'>USA 10</option>
		              <option value='1'>USA 1</option>
		              <option value='2'>USA 2</option>
		              <option value='3'>USA 3</option>
		              <option value='4'>USA 4</option>
		              <option value='5'>USA 5</option>
		              <option value='6'>USA 6</option>
		              <option value='7'>USA 7</option>
		              <option value='8'>USA 8</option>
		              <option value='9'>USA 9</option>
		              <option value='10'>USA 10</option>
			          </select>
				      </span>
					  </li>	
					  <li>
					  	<div style="clear:both;"></div>	
					  </li>
					  <li>
							选择框：
							<label for="country2">状态2：</label>
				      <span>
			          <select id="country2" class='jq-ui-forms' style=" -webkit-appearance: none;">
		              <option value='1'>USA 1</option>
		              <option value='2'>USA 2</option>
		              <option value='3'>USA 3</option>
		              <option value='4'>USA 4</option>
		              <option value='5'>USA 5</option>
		              <option value='6'>USA 6</option>
		              <option value='7'>USA 7</option>
		              <option value='8'>USA 8</option>
		              <option value='9'>USA 9</option>
		              <option value='10'>USA 10</option>
			          </select>
				      </span>
					  </li>	
					  <li>
					  	<label for="webEdit">编辑框</label>	
					  	<textarea name="web" id="webEdit" class="jq-ui-forms"></textarea>
					  </li>
					  
					  <li>
					  	<p>
					  		<input type="radio" value="male" id="male" name="gender" class="jq-ui-forms"> 
					  		<label for="male">Male</label>
					  	</p>
					  	<p>
					  		<input type="radio" value="Female" id="female" name="gender" class="jq-ui-forms"> 						<label for="female">Female</label>
					  	</p>
					  </li>
					 
					 <li>
					 	<p><input type="checkbox" value="CSS3" id="css3" class="jq-ui-forms"> 
					 		<label for="css3" class="">CSS3</label></p>
					 	<p><input type="checkbox" value="disabled" id="disabled2" disabled="" class="jq-ui-forms">
					 		<label for="disabled2">This is disabled</label></p>	
					 </li>
					 
					 <li>
					 	<p>
					 		<input type="radio" value="maleslider" id="slidermale" name="gender" class="jq-ui-slider"> 
					 		<label for="slidermale">Male</label>
					 	</p>	
					 	<p>
					 		<input type="radio" value="femaleslider" id="sliderfemale" name="gender" class="jq-ui-slider"> 
					 		<label for="sliderfemale">Female</label>
					 	</p>
					 </li>
					 
					 
					 <li>
					 	<p>
					 		<label for="css3slider" class="">CSS3</label>
					 		<input type="checkbox" value="CSS3" id="css3slider" class="jq-ui-slider"> 
					 		</p>	
					 </li>
					</ol>
					
				</div>	
			</form>
		</div>
		<!-- form end -->
		
		<br/>
		<br/>
		
		<!-- collapsed and expanded start --> 
		<h5 class='expanded' onclick='showHide(this,"jqui_info");'>
			collapsed and expanded
		</h5>
		<p id='jqui_info'>
			jqUi is AppMobi's User Interface/User Experience library for mobile applications. It uses HTML5 and CSS3 for animations and transitions.<br />
		We built the kitchen sink using jqUi.  It is comprised of components from the jqPlugins library and additional features.
		
	 
		</p>
		<!-- collapsed and expanded end -->  
			
		<!-- header footer start --> 	 
		<h5 class='expanded' onclick='showHide(this,"jqui_header_footer");'>
			header and footer
		</h5>
		<p id='jqui_header_footer'>
			<a href="../synergy/FooterMenu.html" data-ignore="true">header and footer</a>
		</p>	
		<!-- header footer end --> 
		
		<!-- 菜单导航 start --> 
		<h5 class='expanded' onclick='showHide(this,"jqui_nav");'>
			菜单导航
		</h5>
		<p id='jqui_nav'>
			<a href="../synergy/nav.html" data-ignore="true" >菜单导航</a>
		</p>	 
		
		<!-- 菜单导航 end --> 
		
		
		<!-- tab  start --> 
		<h5 class='expanded' onclick='showHide(this,"jqui_tab");'>
			tab切换
		</h5>
		<p id='jqui_tab'>
			<a href="../synergy/FlowManage_new.html" data-ignore="true">tab切换</a>
		</p>	 
		
		<!-- tab end --> 
		
		
		<!-- table  start --> 
		<h5 class='expanded' onclick='showHide(this,"jqui_transitions");'>
			table、carousel 
		</h5>
		<div id='jqui_transitions'>
			<a href="transitions.html" data-ignore="true">table、carousel </a>
			<br/>
			<div> 
				<div id="hscroller1" style="width:800px;overflow-x:hidden;" class="hscroller">
						<table class="table_normal" id="table1"> 
	                            <thead>
	                              <tr>
																	<td>序号</td>
	                                <td>中文船名</td>
	                                <td>英文船名</td>
	                                <td>出口航次</td>
	                                <td>船公司</td>
	                                <td>内外贸</td>
	                                <td>进箱开始时间</td>
	                                <td>进箱结束时间</td>
	                                <td>港口代码（参考)</td>
	                                			
																</tr>
	                            </thead>
	                            <tbody>
	                                <tr>
	                                    <td>1</td>
	                                    <td>东进维纳斯</td>
	                                    <td>DONGJIN VENUS</td>
	                                    <td>1218E</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"   id="HLCJV6" type="button" onclick="detail()"></td>
	                                   
	                                    
	                                </tr>
	                                <tr>
	                                    <td>2</td>
	                                    <td>兴亚釜山</td>
	                                    <td>KWATER</td>
	                                    <td>0086N</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>3</td>
	                                    <td>东进维纳斯</td>
	                                    <td>DONGJIN VENUS</td>
	                                    <td>1218E</td>
	                                    <td>东进商船</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>4</td>
	                                    <td>兴亚釜山</td>
	                                    <td>KWATER</td>
	                                    <td>0086N</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>2</td>
	                                    <td>兴亚釜山</td>
	                                    <td>KWATER</td>
	                                    <td>0086N</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <!--
	                                <tr>
	                                    <td>3</td>
	                                    <td>东进维纳斯</td>
	                                    <td>DONGJIN VENUS</td>
	                                    <td>1218E</td>
	                                    <td>东进商船</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>4</td>
	                                    <td>兴亚釜山</td>
	                                    <td>KWATER</td>
	                                    <td>0086N</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>2</td>
	                                    <td>兴亚釜山</td>
	                                    <td>KWATER</td>
	                                    <td>0086N</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>3</td>
	                                    <td>东进维纳斯</td>
	                                    <td>DONGJIN VENUS</td>
	                                    <td>1218E</td>
	                                    <td>东进商船</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>4</td>
	                                    <td>兴亚釜山</td>
	                                    <td>KWATER</td>
	                                    <td>0086N</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>1</td>
	                                    <td>东进维纳斯</td>
	                                    <td>DONGJIN VENUS</td>
	                                    <td>1218E</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"   id="HLCJV6" type="button" onclick="detail()"></td>
	                                   
	                                    
	                                </tr>
	                                <tr>
	                                    <td>2</td>
	                                    <td>兴亚釜山</td>
	                                    <td>KWATER</td>
	                                    <td>0086N</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>3</td>
	                                    <td>东进维纳斯</td>
	                                    <td>DONGJIN VENUS</td>
	                                    <td>1218E</td>
	                                    <td>东进商船</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>4</td>
	                                    <td>兴亚釜山</td>
	                                    <td>KWATER</td>
	                                    <td>0086N</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>2</td>
	                                    <td>兴亚釜山</td>
	                                    <td>KWATER</td>
	                                    <td>0086N</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>3</td>
	                                    <td>东进维纳斯</td>
	                                    <td>DONGJIN VENUS</td>
	                                    <td>1218E</td>
	                                    <td>东进商船</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>1</td>
	                                    <td>东进维纳斯</td>
	                                    <td>DONGJIN VENUS</td>
	                                    <td>1218E</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"   id="HLCJV6" type="button" onclick="detail()"></td>
	                                   
	                                    
	                                </tr>
	                                <tr>
	                                    <td>2</td>
	                                    <td>兴亚釜山</td>
	                                    <td>KWATER</td>
	                                    <td>0086N</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>3</td>
	                                    <td>东进维纳斯</td>
	                                    <td>DONGJIN VENUS</td>
	                                    <td>1218E</td>
	                                    <td>东进商船</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>4</td>
	                                    <td>兴亚釜山</td>
	                                    <td>KWATER</td>
	                                    <td>0086N</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>2</td>
	                                    <td>兴亚釜山</td>
	                                    <td>KWATER</td>
	                                    <td>0086N</td>
	                                    <td>兴亚海运</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                <tr>
	                                    <td>3</td>
	                                    <td>东进维纳斯</td>
	                                    <td>DONGJIN VENUS</td>
	                                    <td>1218E</td>
	                                    <td>东进商船</td>
	                                    <td>W</td>
	                                    <td>2012-01-10 10:00:01</td>
	                                    <td>2012-01-14 20:00:01</td>
	                                    <td><input value="详细信息" name="detail" class="detail"  id="HLCJV6" type="button"  onclick="detail()"></td>
	                                </tr>
	                                -->
	                            </tbody>
	          </table>
	          
				</div>
			</div>
			
		 分页组件
			
		</div>	
		<!-- table  end --> 
		<br/> 
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
	</div>

</div>

<!--
<style>
	.number {float:left;width:31%;height:80px;background-color:grey;margin-left: 2%; margin-top: 5px;}	
</style>
<div style="z-index:30000;position: absolute;bottom: 0px;width: 100%;">
	<div>
		<input type="text" value=""/><span>确定</span>	
	</div>	
	<div style="background-color:#fff;">
		<div class="number">1</div>
		<div class="number">2</div>
		<div class="number">3</div>
		<div class="number">4</div>
		<div class="number">5</div>
		<div class="number">6</div>
		<div class="number">7</div>	
		<div class="number">8</div>	
		<div class="number">9</div>	
		<div class="number">清除</div>
		<div class="number">0</div>
		<div class="number">关闭</div>	
	</div>
</div>
-->
<header id="testheader">
    <a id="backButton" onclick="MawHistory.goBack()" class='button' style='display:block;left:0px;left:auto;overflow:hidden'></a>
    <h1>Custom Header</h1>
    <span id="scrollerNum"></span>
</header>

<script type="text/javascript" charset="utf-8" src="../plugins/jq.extend.js?asdfsadf"></script>
<script type="text/javascript" charset="utf-8" src="../plugins/jq.mawPopup.js?a23aadfadfdafd23df"></script>
<script type="text/javascript" charset="utf-8" src="../../phonegap/res/js/maw/util.js?aaaa000aassaa"></script>
<script type="text/javascript" charset="utf-8" src="../plugins/mawScroller.js"></script>
<script type="text/javascript" charset="utf-8" src="../synergy/js/jq.ui.dialog.js?sdfdf"></script>

<script type="text/javascript" charset="utf-8" src="../plugins/hs.number_input_method.js"></script>
<!--
<script type="text/javascript" charset="utf-8" src="../plugins/maw.selectBox.js?asdfsadf"></script>
-->
<script>
		var hoptions = {
	  	verticalScroll:true,
	  	horizontalScroll:true,
	  	scrollBars:true
	   
	  };
		var voptions = {
	  	verticalScroll:true,
	  	horizontalScroll:false,
	  	scrollBars:true
	   
	  };
 		//var vscroller = jq("#vscroller").scroller(voptions);
 		
		 
		$(".hscroller").each(function(){
			var _this = $(this);
			var _id = _this.attr("id");
			if(!_id){
				_id = "hscroller_"+$.uuid();	
				_this.attr({"id":_id});
			}
			$.ui.scrollingDivs[_id] = $("#"+_id).scroller(hoptions);
	 		$("#"+_id).fixHScroll();	
		}); 
		
		//jq("#jqmui").fixVScroll();
		
		var doSelect = function(){
			console.log("doSelect");	
			alert("doSelect");
		}
		
		
</script> 


</body>
</html>
